<template>
  <div id="app">
    <!-- 测试组件库 -->
    <!-- <div class="text">
      <van-nav-bar @click-left="$router.back()" title="首页"></van-nav-bar>
      <van-skeleton :row="6" avatar title />
      <van-button type="primary">主要按钮</van-button>
      <van-button type="info">信息按钮</van-button>
      <van-button type="default">默认按钮</van-button>
      <van-button type="warning">警告按钮</van-button>
      <van-button type="danger">危险按钮</van-button>
    </div>
    <van-child /> -->
    <!-- 一级路由挂载点（占位） -->
    <!-- <router-view /> -->
    <!-- 如果配置 meta.isKeepAlive===true 渲染keep-alive包裹的router-view=》会被缓存-->
    <keep-alive>
      <router-view v-if="$route.meta.isKeepAlive"></router-view>
    </keep-alive>
    <!-- 没有配置 meta.isKeepAlive===false 组件被渲染到这里=》不会被缓存 -->
    <router-view v-if="!$route.meta.isKeepAlive"></router-view>
  </div>
</template>

<script>
// import VanChild from './components/child.vue'
export default {
  // components: {
  //   VanChild
  // }
}
</script>

<style lang="less">
</style>
